<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>MeteoCal | Access</title>
        <h:outputStylesheet name="css/style.css"/>
    </h:head>
    
    <h:body>
        <div id="screen">
        
            <div id="intro">
                <img src="http://localhost:8080/trunk/images/home.png" alt="meteocal icon" style="height: 95%; width: 95%; margin-left: 50px; margin-top: 15px"/>
            </div>

            <div id="side">
                <h:form>
                    <p:growl id="messages"  life="7000" showDetail="true" globalOnly="true" autoUpdate="true"/>
                    <br/>
                    <fieldset style="border-style: none">
                        <br/>
                        <p:inputText id="usernameInput" placeholder="email address" value="#{signinBean.username}" required="true" />
                        <br/><br/>
                        <p:password id="passwordInput" placeholder="password" value="#{signinBean.password}" required="true" />
                        <br/><br/>
                        <p:commandButton value="LOG IN" action="#{signinBean.login()}"/>
                        <br/><br/>
                    </fieldset>
                </h:form>
                <h:outputText rendered="#{param['error']}" style="color: red" value="LOGIN FAILED"/><br/>
                or <br/><br/>
                <p:button value="SIGN UP" outcome="signup"/>
            </div>

            <div id="footer">
                <m style="font-variant: small-caps;">Bartoli Daniele, Casarini Emanuele, De Vos Ugo</m>
                <br/>Software Engineering 2 project, academic year 2014-15
            </div>
            
        </div>
    </h:body>
</html>